<template>
  <div>
    <ul>
      <li v-for="m in messages" :key="m.id">
        <router-link to="/home/message/detail">{{m.title}}</router-link>
    </li>
    </ul>
    <div>
        <router-view/>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Message',
  data(){
    return {
        messages:[
            {
                id:1,
                title:'震惊：宏福苑惊现甲流交流群'
            },
            {
                id:2,
                title:'震惊：人类记忆又有新发现，比鱼强不了多少'
            },
            {
                id:3,
                title:'是中国人，赶紧转，5分钟后就被封了'
            }
        ]
    }
  }
}
</script>

<style>
</style>